<template>
    <div class="my-product">
        <h3>标题:{{title}}</h3>
        <p>价格:{{price}}</p>
        <p>{{info}}</p>
        <button @click="sub">是兄弟就来砍我</button>
    </div>
</template>

<script>
export default {
    props:['title','price','info','index'],
    methods:{
        sub(){
            // 不可以直接修改props中的数据，因为Vue的props是单向数据流
            // this.price=Math.random()*2
            // 数据传给父组件
            // 触发父组件给子绑定的自定义事件
            // this.$emit(事件名，数据1，数据2)
            this.$emit('subprice',this.index,Math.random()*2)
        }
    }
};
</script>

<style>
.my-product {
  width: 400px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
  padding: 20px;
  border: 2px solid #000;
  border-radius: 5px;
  margin: 10px;
}
</style>